@charset "utf-8";
/****************** clear style ********************/
html, body, div, h1, h2, h3, h4, h5, h6, p, a, span, em, i, img, ul, li, ol, dl, dt, dd, th, tr, td, form, table, thead, tbody, textarea, select, input, button, hr, blockquote, abbr, acronym, fieldset, legend, pre, code, main, section, header, footer, article, nav {
	margin: 0;
	padding: 0;
}
/* html5不支持acronym */
abbr, acronym, fieldset { border: none }

/* 清除列表样式 */
ol, ul, li { list-style: none }

/* 清除表格样式 */
table { border-collapse: collapse; border-spacing: 0 }

/* 清除表单样式 */
input, button, select, textarea, option, a { outline: none; border: none; }
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

::-ms-clear{display:none;}
/* 禁止拉伸 */
textarea { resize: none }

/* 清除下划线 */
a, a:hover, a:active, a:visited, a:link, a:focus,div {text-decoration: none;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);outline:none;}

/* 清边距 */
p { -webkit-margin-before: 0; -webkit-margin-after: 0 }

dd { -webkit-margin-start: 0 }

/****************** global style ********************/
body { font: 12px/1.5 Helvetica, "Microsoft Yahei", "Hiragino Sans GB", "黑体", Arial, \5b8b\4f53; color: #333; background: #f5f4f3; -webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important; }

/* 字体继承, 抗锯齿 */
div, h1, h2, h3, h4, h5, h6, p, a, span, em, i, img, ul, li, ol, dl, dt, dd, th, tr, td, form, table, thead, tbody, textarea, select, input, button, hr, blockquote, abbr, acronym, fieldset, legend, pre, code, main, section, header, footer, article, nav {
	font-family: Helvetica, "Microsoft Yahei", "Hiragino Sans GB", "黑体", Arial, \5b8b\4f53;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* 图片去边框 语义化标签转块 */
main, section, header, footer, article, nav { display: block }

h1, h2, h3, h4, h5, h6 { font-weight: 500;-webkit-margin-before: 0;-webkit-margin-after: 0 }

/* 表单 */
input, select, textarea, h1, h2, h3, h4, h5, h6 { font-size: 100% }
::-webkit-input-placeholder { color: #999 }
:-moz-placeholder { color: #999 }
::-moz-placeholder { color: #999 }
:-ms-input-placeholder { color: #999 }
[disabled]::-webkit-input-placeholder { color: #ccc }
[disabled]:-moz-placeholder { color: #ccc }
[disabled]::-moz-placeholder { color: #ccc }
[disabled]:-ms-input-placeholder { color: #ccc }

th { text-align: inherit }

a { color: #49f }

a, .transition, .icon_arrow_down {-moz-transition: -moz-all .3s; -o-transition: -o-all .3s; -webkit-transition: -webkit-all .3s; transition: all .3s;}

em, i { font-style: normal }

/****************** public style ********************/
/* 宽、高、padding、margin */
.w { width: 1190px }
.w33p{ width: 33.33% }
.w100p { width: 100% }
/*.w10 { width: 10px }*/
.w20 { width: 20px }
.w30 { width: 30px }
.w234{ width: 234px !important;}

.h100p { height: 100% }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.hauto { height: auto}
.h-lh30 { height: 30px; line-height: 30px; }
.lh1 { line-height: 1}
.lh1-5 { line-height: 1.5}

.p10 { padding: 10px; }
.pl5 { padding-left: 5px }
.pl10 { padding-left: 10px }
.pl15 { padding-left: 15px }
.pl20 { padding-left: 20px }
.pl30 { padding-left: 30px }
.pl62{padding-left: 62px}
.pr5 { padding-right: 5px }
.pr8 { padding-right: 8px }
.pr10 { padding-right: 10px }
.pr15 { padding-right: 15px }
.pr20 { padding-right: 20px }
.pr30 { padding-right: 30px }
.pt10 { padding-top: 10px }
.pt20 { padding-top: 20px }
.pt30 { padding-top: 30px }
.pb10 { padding-bottom: 10px }
.pb15 { padding-bottom: 15px }
.pb20 { padding-bottom: 20px }
.pb30 { padding-bottom: 30px }

.m0{margin: 0}
.m0auto,.w { margin: 0 auto }
.ml5 { margin-left: 5px }
.ml3 { margin-left: 3px }
.ml8 { margin-left: 8px }
.m15 { margin-left: 15px }
.ml10 { margin-left: 10px }
.ml15 { margin-left: 15px }
.ml20 { margin-left: 20px }
.ml30 { margin-left: 30px }
.mr0 { margin-right: 0px }
.mr5 { margin-right: 5px }
.mr3 { margin-right: 3px }
.mr6 { margin-right: 6px }
.mr8 { margin-right: 8px }
.mr10 { margin-right: 10px }
.mr15 { margin-right: 15px }
.mr20 { margin-right: 20px }
.mr30 { margin-right: 30px }
.mt5 { margin-top: 5px }
.mt10 { margin-top: 10px }
.mt15 { margin-top: 15px }
.mt20 { margin-top: 20px }
.mt30 { margin-top: 30px }
.mb2 { margin-bottom: 2px }
.mb5 { margin-bottom: 5px }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mb20 { margin-bottom: 20px }
.mb30 { margin-bottom: 30px }

/* 标准色-bg */
.bg-fff, .index-popup-cont { background: #fff }
.bg-000 { background: #000 }
.bg-999, .bg-999-before:before { background-color: #999 }
.bg-49f, .bg-49f-hover:hover, .hotel-d-p-booking-btn-a { background: #49f; }
.bg-5da7ff, .bg-5da7ff-hover:hover, .hotel-d-p-booking-btn-a:hover{ background: #5da7ff; }
.bg-1471df, .bg-1471df-hover:hover { background: #1471df }
.bg-f90, .hotel-d-p-booking-btn-a.J_confirm_submit {background: #f90 }
.bg-ffaf28-hover:hover, .hotel-d-p-booking-btn-a.J_confirm_submit:hover { background: #ffaf28 }
.bg-fef6e6 { background: #fef6e6 }
.bg-fc7e3e { background: #fc7e3e }
.bg-ff5256 {background: #ff5256 }
.bg-00b63d { background: #00b63d }
.bg-ccc, .hotel-d-p-booking-btn-a.J_tips_forbid { background: #ccc }
.bg-f5f4f3, .bg-f543 {background: #f5f4f3 }
.bg-f6{ background: #f6f6f6 }
.bg-f9-hover:hover { background: #f9f9f9 }

/* 标准色-color */
.t-f90 { color: #f90 }
.t-49f, .t-49f-hover:hover, .t-49f-hover-wrap:hover .t-49f-hover-el { color: #49f }
.t-333 { color: #333 }
.t-666 { color: #666 }
.t-999, .search-input-icon { color: #999 }
.t-c7c7cd { color: #c7c7cd }
.t-b9 { color: #b9b9b9 }
.t-21437c { color: #21437c }
.t-f543 { color: #f5f4f3 }
.t-f258 { color: #f2f5f8 }
.t-ccc { color: #ccc }
.t-ec { color: #ececec }
.t-ddd { color: #ddd }
.t-fff, .t-fff-hover:hover, .index-popup-title { color: #fff }
.red_color,.t-ff5256, .t-ff5256-hover:hover { color: #ff5256 }
.t-00b63d{ color: #00b63d}

/* 字体 */
.f12 { font-size: 12px }
.f13 { font-size: 13px }
.f14 { font-size: 14px }
.f16, .index-popup-title { font-size: 16px }
.f18, [class*=icon-search-] { font-size: 18px }
.f20 { font-size: 20px }
.f22 { font-size: 22px }
.f24 { font-size: 24px }
.f26 { font-size: 26px }
.f28 { font-size: 28px }
.f30 { font-size: 30px }
.f32 { font-size: 32px }
.f34 { font-size: 34px }
.s {font-weight: 400}
b, .b {font-weight: 700}
.tal { text-align: left }
.tac, .search-input-icon { text-align: center }
.tar { text-align: right }
.tdn { text-decoration: none }
.tde, .tdu, .tdu-hover:hover, .tdu-hover-box:hover .tdu-hover-el { text-decoration: underline }
.vam { vertical-align: middle }
.va--1 { vertical-align: -1px; }
.indent { text-indent: 2em }
.nowrap{ white-space: nowrap }
/* 保留空白符序列，但是正常地进行换行。允许长单词换行到下一行 */
.pre { white-space: pre-wrap; word-wrap: break-word }
/* 超出一行显示省略号 */
.over { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.taj { text-align: justify; text-justify: inter-ideograph }

/* 边框 */
.b-solid { border-style: solid; border-width: 1px }
.b-dashed { border-style: dashed }
.b-dotted { border-style: dotted }
.b-top, .b-bottom, .b-left, .b-right { border-width: 0 }
.b-top { border-top-width: 1px }
.b-bottom { border-bottom-width: 1px }
.b-left { border-left-width: 1px }
.b-right { border-right-width: 1px }
.b-top-2 { border-top-width: 2px }
.b-bottom-2 { border-bottom-width: 2px }
.b-left-2 { border-left-width: 2px }
.b-right-2 { border-right-width: 2px }
.b-fff { border-color: #fff }
.b-ccc { border-color: #ccc }
.b-ddd { border-color: #ddd }
.b-999 { border-color: #999 }
.b-ed { border-color: #ededed }
.b-ec { border-color: #ececec }
.b-e5 { border-color: #e5e5e5 }
.b-f90 { border-color: #f90 }
.b-ff5256 { border-color: #ff5256 }
.b-5da7ff-hover:hover { border-color: #5da7ff }
.b-49f, .b-49f-hover:hover { border-color: #49f }
.radius, .radius-before:before { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% }
.radius-1 { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px }
.radius-2 { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px }
.radius-3,.index-popup .index-popup-btn { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.radius-4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.radius-5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.radius-15 { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px }

/* 元素 */
.border-box{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.content-box{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.db, .show, .after-b:after, .before-b:before, .triangle-up:before, .triangle-down:before, .triangle-left:before, [class*=icon-mgt-] { display: block }
.after-b:after, .before-b:before, .triangle-up:before, .triangle-down:before, .triangle-left:before{content: '';width: 0;height: 0;font-size: 0;}
.triangle-up:before, .triangle-down:before, .triangle-left:before {
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -5.5px;
	border-style: solid;
	border-width: 6px;
	border-color: transparent transparent #fff #fff;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-box-shadow: -2px 2px 4px 0 rgba(153,153,153,0.2);
	-moz-box-shadow: -2px 2px 4px 0 rgba(153,153,153,0.2);
	box-shadow: -2px 2px 4px 0 rgba(153,153,153,0.2);
}
.triangle-down:before {
	border-color: #fff #fff transparent transparent;
	-webkit-transform: rotate(-225deg);
	-moz-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	-o-transform: rotate(-225deg);
	transform: rotate(-225deg);
	top: inherit;
	bottom: 0;
}
.triangle-left:before {
	border-color: transparent transparent #fff #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 12px;
	bottom: inherit;
	left:0;
}
.di{ display: inline }
.dib { display: inline-block; *display: inline; *zoom: 1 }
.hide { display: none }
.dif, .index-popup-btn-center {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.dif > * {float: left\0}
.fdc {-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.flex-1 {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.jcc, .index-popup-btn-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.jce {-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
.jcb {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.aic {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.aie {-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;}
.fww {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap:wrap;}
.ofh { overflow: hidden }
.ofa { overflow: auto }

/* 浮动 */
.fl { float: left }
.fr { float: right }

/* 清浮动 */
.clearfix { zoom: 1 }
.clearfix:after { content: ""; display: block; height: 0; font-size: 0; clear: both; visibility: hidden }

/* 定位 */
.abs, .index-popup, .search-select .icon_arrow_down { position: absolute }
.fix { position: fixed; _position: absolute; }
.rel, .index-popup-title { position: relative }

/* other */
.pointer { cursor: pointer }
.hq-shadow-box {-webkit-box-shadow: 0 0 10px rgba(153, 153, 153, .3);-moz-box-shadow: 0 0 10px rgba(153, 153, 153, .3);box-shadow: 0 0 10px rgba(153, 153, 153, .3);}
.rotate-180, .rotate-180-hover:hover, .rotate-180-hover-wrap:hover .rotate-180-hover-el, .search-select .icon_arrow_down.arrow_up {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.dot:before { display: inline-block; width: 4px; height: 4px; margin: 0 7px 0 6px; vertical-align: 1px; }

/* icon */
[class*=icon_], .hq_bg{background-repeat: no-repeat;background-color: transparent;}
i[class*=icon_]{display: block;}
.icon_warning {width:52px; height: 52px; background-image: url("https://img.haoqiao.com/website/images/new_tts/tk_ts_icon_new.svg")}
.search-select .icon_arrow_down { width: 10px; height: 5px; background-image: url(https://img.haoqiao.com/website/images/details_search_down.svg); right: 5px; top: 50%; margin-top: -2.5px;}
.search-icon-box { height: 18px; line-height: 18px; margin-right: 15px; }
.search-icon-box [class*=icon-search-] {vertical-align: -1px;}
.search-input-icon { width: 34px; }
.search-input-icon.lh18 { height: 18px; line-height: 18px; }
.search-input-icon.lh44, .lh44 { height: 44px; line-height: 44px; }
[class*=icon-side-] { width: 55px; height: 43px; line-height: 43px; font-size: 36px; }
[class*=icon-mgt-] { line-height: 22px; }
.index-ser-sug [class*=icon-search-].t-49f { margin-right: 8px; vertical-align: -2px; }

/*--- dialog ---*/
.hq-black-bg { top: 0; left: 0; z-index: 9999; }
.hq-dialog-wrap { width: 600px; z-index: 10000; left: 50%; margin-left: -300px; }
/*.hq-dialog-wrap.max-dialog { width: 830px; margin-left: -415px; }*/
.hq-dialog-title { height: 50px; line-height: 50px; background-color: #4f5f6f; }
/*.hq-dialog-title .icon-close { height: 16px; line-height: 16px; right: 15px; top: 50%; margin-top: -8px; }*/
/*.hq-dialog-text { margin-left: 16px; }*/
/*.hq-dialog-textarea-wrap { margin: 6px 6px 0 6px; }*/
/*.hq-dialog-textarea { width: 508px; height: 198px; padding: 10px; margin-bottom: 8px; }*/
.hq-dialog-bottom a { width: 154px; height: 38px; line-height: 38px; }
.hq-dialog-bottom .hq-dialog-cancel { margin-left: 25px; }
.hq-dialog-bottom a:only-child{width: 232px;}

.hq-toast-wrap {
	width: 300px;
	padding: 35px 50px 35px 50px;
	left: 50%;
	margin-left: -200px;
	-webkit-box-shadow: 0px 0px 18px 0px rgba(153,153,153,0.4);
	-moz-box-shadow: 0px 0px 18px 0px rgba(153,153,153,0.4);
	box-shadow: 0px 0px 18px 0px rgba(153,153,153,0.4);
	z-index: 1000;
}
.hq-toast-wrap img { width: 30px; height: 30px; }

/*--- toast ---*/
.hq_toast {width: 300px;height: 30px;line-height: 30px;padding: 35px 50px;margin-top: -60px;margin-left: -200px;-webkit-box-shadow: 0 0 18px 0 #999999b0;-moz-box-shadow: 0 0 18px 0 #999999b0;box-shadow: 0 0 18px 0 #999999b0;top: 50%;left: 50%;z-index: 999;}
.hq_toast .toast_img {height: 30px;margin-right: 14px;}

/*----------- header -----------*/
/***** icon *****/
/* header_top */
[class*=icon_header_]{height:28px;width:28px;background-image:url("https://img.haoqiao.com/website/images/message/messageicon.png");}
.icon_header_app{background-position:-40px -261px;}
.hq_header_top_nav_li:hover .icon_header_app{background-position:0 -260px;}
.icon_header_wechat{background-position:-43px -217px;}
.hq_header_top_nav_li:hover .icon_header_wechat{background-position:0 -219px;}
.icon_header_service{background-position:-41px -131px;}
.hq_header_top_nav_li:hover .icon_header_service{background-position:0 -130px;}
.icon_header_tel{background-position:-42px -178px;}
.hq_header_top_nav_li:hover .icon_header_tel{background-position:0 -176px;}
i.icon_header_inform{display:inline-block;width:12px;height:14px;background-position:0 0;}
.icon_header_new { width: 23px; height: 16px; background-image: url("https://img.haoqiao.com/website/images/new.gif"); right: -6px; top: -4px; z-index: 1; }

/* management-menu */
[class*=icon_mgt_] {height: 22px;background-position: center;}
.icon_mgt_account {background-image: url(https://img.haoqiao.com/website/images/index/li0.svg);}
.sing-li a:hover .icon_mgt_account {background-image: url(https://img.haoqiao.com/website/images/index/li0_on.svg);}
.icon_mgt_invoices {background-image: url(https://img.haoqiao.com/website/images/index/li1.svg);}
.sing-li a:hover .icon_mgt_invoices {background-image: url(https://img.haoqiao.com/website/images/index/li1_on.svg);}
.icon_mgt_data {background-image: url(https://img.haoqiao.com/website/images/index/li3.svg);}
.sing-li a:hover .icon_mgt_data {background-image: url(https://img.haoqiao.com/website/images/index/li3_on.svg);}

/* 地图 icon */
[class*=icon_search_] {height: 16px;background-image: url(https://img.haoqiao.com/website/images/search_new_icon.svg);margin-right: 6px;}
.icon_search_map {width: 14px;background-position: 0 -31px;}
.icon_search_calendar{width: 15px;background-position: 0 -64px;}
.icon_search_room {width: 16px;background-position: 0 -96px;}
.icon_search_people {width: 14px;background-position: 0 0;}
.icon_search_nationality{width: 16px;background-position: 0 -128px;}
.icon_line_col {width: 0;height: 18px;border-left: 1px solid #e2e2e2;margin: 0 10px;}

/* other */
.icon_member {width: 14px;height: 12px;background-image: url("https://img.haoqiao.com/website/images/member/icon_member.svg");margin: 14px 8px 14px 0;}
.header_member_info .icon_member {margin: 11px 3px 11px 0;}
/*--- 以上icon为i标签, 下面是bg ---*/

/* 登陆表单 */
.nav-menu-pop-login [class*=icon_login_] {background-position: 10px center;}
.icon_login_code{background-image: url(https://img.haoqiao.com/website/images/hq_login_icon_01.svg);}
.icon_login_account{background-image: url(https://img.haoqiao.com/website/images/hq_login_icon_02.svg);}
.icon_login_paw{background-image: url(https://img.haoqiao.com/website/images/hq_login_icon_03.svg);}
.icon_login_input{background-image: url(https://img.haoqiao.com/website/images/login_icon_03.png);}
.icon_login_vcode{background-image: url(https://img.haoqiao.com/website/images/login_icon_06.png);}
.icon_login_mobile{background-image: url(https://img.haoqiao.com/website/images/login_icon_05.png);}

/* 登陆 关闭 */
.icon_close{width:16px;height:16px;background-image: url(https://img.haoqiao.com/website/images/hq_login_close_icon.svg);right: 20px;top:16px;}
/*.icon_close:hover{background-image: url(https://img.haoqiao.com/website/images/login_close_icon_mouseover.png); }*/

/* 消息 关闭 */
.icon_msg_close{width:12px;height:12px;background-image:url(https://img.haoqiao.com/website/images/hotel_detail/ts_close.svg);background-size:contain;margin-top:6px;}

/* 更多 > */
.icon_more {background-image: url('https://img.haoqiao.com/website/images/index/index_more1.svg');background-position: right center;background-size: 5px 10px;padding-right: 12px;}
.header_member_info .icon_more {background-position: right 8px;}

/* no-data */
.icon_hotel_no_data {background-image: url("https://img.haoqiao.com/website/images/index/jiudian.svg")}
.icon_car_no_data {background-image: url("https://img.haoqiao.com/website/images/index/yongche.svg")}
/***** icon end *****/
/*----- 公共 -----*/
.nav-menu-pop-curr .nav-menu-pop-attention,
.msg-send-con .msg-li:first-child:not(:only-child){-webkit-border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0;}
/*----- header -----*/
.hq_header_wrap {width:100%;min-width:1190px;z-index: 200;}
.hq-admin.hq_header_wrap { min-width: 1280px; }
.hq_header_top {height: 60px;z-index: 100;}
.hq_header_bottom, .hq_header_bottom .w {height: 40px;}
.nav-menu-pop {display:none;position:absolute;}
.nav-menu-show .nav-menu-pop{display:block;}
.nav-menu-pop{-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3)}
.nav-menu-pop > p{padding: 0 4px;}
.nav-menu-pop > img{display: block;width: 100px;}

/*----- header_top  ----*/
.hq_header_top_nav {height:30px;margin-top: 2px;}
.hq_header_top_nav_li.nav-menu-pop-box{height: 38px;}
.hq_header_top_nav_li:not(:first-child){ margin-left: 14px;}
.nav-menu-currency { height: 38px; }
.nav-menu-currency a { min-width: 116px; height: 28px; line-height: 28px; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px }
.nav-menu-currency .nav-menu-pop-curr { top: 38px; z-index: 10; }
.nav-menu-curr.nav-menu-currency .nav-menu-pop.nav-menu-pop-curr.triangle-up:before { border-color: transparent transparent #eef6ff #eef6ff; }
.hq_language_current {width:32px;height:28px;line-height: 28px;background: #f5f4f3 no-repeat 12px center / 20px 14px;padding: 0 24px 0 38px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.hq_language_current i { right: 14px; }
.hq_language_wrap:hover .hq_language_box{display: block;}
.hq_header_top_nav .nav-menu-pop {width: 105px;padding-bottom: 5px;margin-left: -52.5px;left: 50%;top:40px;opacity: 0;}
.hq_header_top_nav .nav-menu-pop.hq_language_box {width: 130px;padding: 10px;left: -27.5px;top: 38px;margin-left: 0;}
.hq_language_box a{height: 42px;line-height: 42px;background: #fff no-repeat 10px center / 20px 14px;color: #333;}
.hq_language_box a:not(:last-child) {margin-bottom: 4px;}
.hq_language_box a:hover {background-color: #f2f5f8;color: #49f;}
.hq_language_box a.current {background-color: #49f; color: #fff;}
.hq_header_top_nav_p {line-height: 13px;margin-left: 5px;margin-top: 2px;}
/*----- header_bottom -----*/
.nav-link{display:block;width: 90px;height: 40px;line-height: 40px;font-size: 14px;color: #fff;text-align:center;cursor:pointer;}
.nav-link.f13{font-size: 13px;}
.header_widen .nav-link{width: 110px;}
.adverb-color{color: #e9f2ff;}
.hq_header_bottom .hq_header_bottom_right {height: 40px;}

.header_widen .hq_header_top_right ,.header_widen .hq_header_bottom_right {padding-right: 15px;}
.hq_header_bottom li:hover:not(.nav-message-li) .nav-link:not(.head_login), .nav-link.current, .nav-link.nav-message:hover{background-color: #1471DF;}
.hq_header_bottom_right li:not(.nav-menu-li-space) {height: 48px;}
.hq_header_bottom_right li a.nav-link{width:auto; padding:0 16px;}
.hq_header_bottom_right li a.nav-link.member_link {padding: 0 8px;}
.hq_header_bottom_right .nav-menu-li-space{line-height: 40px}
.hq_header_bottom_right .nav-menu-li-space img{vertical-align: middle}
.hq_header_bottom_right .nav-menu-li-space .space-style{display: inline-block;width:1px;height:16px;background: #62a9ff;vertical-align: middle;}
.hq_header_bottom_right .nav-menu-li-login{line-height: 30px;text-align: center}
.hq_header_wrap .hq_header_bottom .triangle-up:before {top: -4px;}

/*--- 币种 ---*/
.nav-menu-pop-curr{top:48px;text-align: left;width: 532px;left: 50%; margin-left: -266px;}
.nav-menu-pop-curr .nav-menu-pop-attention{height:36px;line-height:36px;background: #f3f3f3 url(https://img.haoqiao.com/website/images/header/currencyTip.svg) no-repeat 20px 11px;padding-left:40px;}
.nav-menu-pop-curr .currency_tab tr td{width:140px;}
.nav-menu-pop-curr .currency_tab tr td.header-nav-cuttency {color: #fff;}
.nav-menu-pop-curr .currency_tab tr td font{display: inline-block;width:30px;margin-right:4px;color: #4499FF;}
.currency_title{width: 250px;height: 14px;font-size: 14px;font-weight: bold;color: #333333;line-height: 18px;margin-left: 20px;margin-top: 16px;}
.currency_balance{background: #eef6ff;padding-left: 20px;border-radius: 4px;}
.currency_balance:not(.currency_balance_mini) { height: 70px; background: #EEF6FF url(https://img.haoqiao.com/website/images/header/currencyTip.svg) no-repeat 20px 40px; }
.currency_balance_en:not(.currency_balance_mini){height: 82px;}
.currency_balance .balance{width: 464px;height: 14px;font-size: 14px;font-weight: bold;color: #666666;line-height: 18px;padding-top: 16px;}
.currency_balance.currency_balance_mini .balance { padding-bottom: 16px; }
.currency_tips{width: 464px;  height: 13px;  font-weight: 400;  color: #999999;  padding-top: 8px;  padding-left: 18px;}
.currency_line{width: 493px;  height: 1px;  background: #ECECEC;  border-radius: 4px;  margin-left: 20px;  margin-top: 16px;}
/* 贴牌 */
.distributors_header .nav-menu-pop-curr.triangle-up:before {top: -6px;}
.distributors_header .nav-menu-pop-curr .currency_tab {width:512px;margin:10px;color: #999;}
.distributors_header .nav-menu-pop-curr .currency_tab tr td{height:38px;}
.distributors_header .nav-menu-pop-curr .currency_tab tr td.header-nav-cuttency{background: #49f;}
.distributors_header .nav-menu-pop-curr .currency_tab tr td:hover:not(.header-nav-cuttency) {background:#f2f5f8;color:#4499ff;}
/* 非贴牌 */
.hq_header_wrap:not(.distributors_header) .nav-menu-pop-curr.triangle-up:before {border-color: transparent transparent #f3f3f3 #f3f3f3;}
.hq_header_wrap:not(.distributors_header) .nav-menu-pop-curr .currency_tab{width:512px;margin:10px;color: #999;}
.hq_header_wrap:not(.distributors_header) .nav-menu-pop-curr .currency_tab tr td{height:38px;}
.hq_header_wrap:not(.distributors_header) .nav-menu-pop-curr .currency_tab tr td.header-nav-cuttency {background: #49f;}
.hq_header_wrap:not(.distributors_header) .nav-menu-pop-curr .currency_tab tr td:hover:not(.header-nav-cuttency){background:#f2f5f8;color:#4499ff;}

/*--- 登陆框 ---*/
.hq_header_bottom_right .nav-menu-pop-login{width:318px;top: 48px;right:0;}
.nav-menu-pop-login.triangle-up:before{left: inherit; right: 40px;top: -4px;border-color: transparent transparent #F8FBFF #F8FBFF;}
.nav-menu-pop-login .account-main{width:318px;background:rgba(255,255,255,1);box-shadow:0px 1px 10px 0px rgba(153,153,153,0.49);border-radius:4px;}
.nav-menu-pop-login .account-title{height:42px;background:#EDF6FE;border-bottom: 1px solid #c0c0c0;-webkit-border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0;}
.nav-menu-pop-login .account-tab{width:240px;}
.nav-menu-pop-login .account-tab li{width:120px;height:40px;line-height:48px; font-weight:bold;}
/*.nav-menu-pop-login .account-tab li:hover{color: #49F;}*/
/*.nav-menu-pop-login .account-tab li.current{border-color:#49f; color: #49F;}*/
.nav-menu-pop-login .account-cont{-webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px; }
.nav-menu-pop-login .menu-close-wrap { line-height: 20px; padding: 10px 15px; }
.nav-menu-pop-login .account-cont .J_tab_cont{margin:5px 0 0 0}
.nav-menu-pop-login .account-error-msg{width: 270px;height:25px;line-height:25px;padding-bottom:3px;margin:0 auto;color:#ff5256;}
.nav-menu-pop-login .account-error-msg.Validform_right{color: #00b63d;}
.nav-menu-pop-login .account-form-l{margin:0 24px 10px;}
.nav-menu-pop-login .login-form-box { padding: 8px 8px 8px 0; }
.nav-menu-pop-login .login-form-box i,
.nav-menu-pop-login .login-form-box .account-f-l-txt { height: 20px; line-height: 20px; }
.nav-menu-pop-login .login-form-box i { width: 40px; }
.nav-menu-pop-login .login-form-box .account-f-l-txt { background: none; padding: 0; border: none; }
.nav-menu-pop-login .account-form-l:nth-of-type(3){margin-bottom:0;}
.nav-menu-pop-login .account-form-l-t{height: 27px;margin: 0 24px; padding-bottom: 15px;}
.nav-menu-pop-login .account-f-l-txt{width:220px;height:20px;line-height:20px;padding: 8px 8px 8px 40px;border:1px solid #ddd;color: #999;}
.nav-menu-pop-login .account-f-l-txt.login-txt-error,
.nav-menu-pop-login .account-f-l-txt.Validform_error{border-color: #ff5256;}
.nav-menu-pop-login .account-btn{width:100%;height:42px;line-height:42px;}
.nav-menu-pop-login .account-form-l-t-remember,
.nav-menu-pop-login .account-form-l-t-forget{line-height: 27px;}
.nav-menu-pop-login .account-form-l-t-remember label input{margin-right: 4px;}
.nav-menu-pop-login .account-form-l-t-remember label span{line-height: 13px;}
.nav-menu-pop-login .account-form-l-t-forget a:not(:first-child){padding-left: 8px;}
/*.nav-menu-pop-login .account-form-l-t-forget a:nth-of-type(1){text-decoration: underline;}*/
.nav-menu-pop-login .account-form-l-t-forget a{color:#999999;}
.nav-menu-pop-login .account-form-l-t-forget a:hover{color:#4499FF;}
.nav-menu-pop-login .account-form-l-t-forget span{padding-left: 8px; float: left;}
.bg_size{background-size: 16px auto;}
/* 登录框-个人 */
.nav-menu-pop-login .account-form-l.account-form-p-tab{margin-bottom: 10px;}
.nav-menu-pop-login .account-form-p-tab label input{ margin-right: 5px;}
.nav-menu-pop-login .account-f-l-t-s{width:88px;}
.nav-menu-pop-login .account-f-vcode{width:98px;height:30px;border:1px solid #ddd;}
.nav-menu-pop-login .account-f-getcode{width:100px;height:30px;line-height:30px;background:#f1f9ff;border:solid 1px #49f;}
.nav-menu-pop-login .account-f-getcode-no{background:#efefef;border-color:#ddd;color:#999;}

/* 登录后 */
.new-nav-menu-pop, .nav-menu-pop-login-p{width:320px;top: 48px;right: 0;}
.nav-menu-personal .triangle-up:before {left: inherit;right: 70px;}
/* C端 */
.nav-menu-pop-login-p {width: 150px;}
.nav-menu-pop-login-p a {line-height: 40px;}
/* B端 */
.new-nav-menu-pop .plr14{width:292px;padding: 0 14px;}
.sign-in{height:36px;}
.sign-in .sign-in-left{line-height: 36px;}
.sign-in .singn-btn{width:48px;height:22px;line-height: 22px;margin-top:7px;}
.sign-in .singn-btn.has-sign-btn{background: #ccc;}


.boder-b-6-f5 {border-bottom:6px solid #f5f5f5;}
.boder-t-1-f5{border-top:1px solid #f5f5f5;}
.hotel-order{height:34px;line-height: 34px;}
.hotel-order a{width:auto;height: 34px;line-height: 34px;}
/* 会员 */
.header_member_info .member_name {height: 15px;line-height: 1;padding-top: 16px;}
.header_member_info .member_bottom a {height: 27px;line-height: 27px;padding-bottom: 4px;}
.header_member_info .member_describe {color: #F3AA1F;}
/* 会员end */
.check-in{height:56px;}
.check-in p{padding: 10px 0 0 14px;}
.check-in p:hover{background:#f6f6f6;}
.check-in p span{line-height: 16px;}
.check-in p span.top-span{margin-bottom: 6px;}
.check-in p:hover span {color: #49f;}
.has_hotel_order{min-height: 119px;}
.has_car_order{min-height: 62px;}
.order_no_data{width: 170px;margin: 36px auto;}
.order_no_data p{height: 32px;line-height: 32px;padding-left: 60px;background-size: auto 100%;background-position: left;}
.sing-ul{padding:0 6px;}
.sing-li{padding:16px 0 18px 0;}
.sing-li a span {line-height: 28px;}
.sing-li a:hover span, .sing-li a:hover i{color: #49f;}
.logout{line-height: 36px;}

/* 消息中心 新 2020-02-19 */
.msg-center{position:fixed;bottom: 5px;right: 9%;z-index: 131;}
.msg-center li{width:290px;background:rgba(254,252,248,1);border:2px solid rgba(255,153,0,0.3);border-radius:4px;padding: 6px 12px;box-sizing: border-box;position: relative;margin-bottom: 10px;cursor: pointer;box-shadow: 1px 1px 2px 0 #cfcfcf;}
.msg-center li .msg-title{width:93%;height:24px;font-size:12px;font-family:Microsoft YaHei;font-weight:bold;color:rgba(51,51,51,1);line-height:24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.msg-center li .msg-con{width:93%;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:rgba(51,51,51,1);line-height:20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.msg-center li .msg-close-icon{width:20px;height:20px;background-image:url(https://img.haoqiao.com/website/images/hotel_list/list_fc_close.svg);background-repeat: no-repeat;background-position: center;background-size:12px 12px;cursor: pointer;position: absolute;top: 4px;right: 4px;}
.msg-center li .msg-close-icon:hover{background-image:url(https://img.haoqiao.com/website/images/hotel_list/list_delete.svg);background-repeat: no-repeat;}
.msg-center li .msg-sys-info-icon:before{display: inline-block;width: 12px;height: 12px;content: '';background: url(https://img.haoqiao.com/website/images/message/sys-info-icon.svg) no-repeat;background-size: contain;vertical-align: middle;margin-right: 3px;margin-top: -2px;}
.msg-center li .msg-strong-news-icon:before{display: inline-block;width: 12px;height: 12px;content: '';background: url(https://img.haoqiao.com/website/images/message/strong-news-icon.svg) no-repeat;background-size: contain;vertical-align: middle;margin-right: 3px;margin-top: -2px;}
.msg-center li .msg-weak-news-icon:before{display: inline-block;width: 12px;height: 12px;content: '';background: url(https://img.haoqiao.com/website/images/message/weak-news-icon.svg) no-repeat;background-size: contain;vertical-align: middle;margin-right: 3px;margin-top: -2px;}
.msg-center li .msg-pending-icon:before{display: inline-block;width: 12px;height: 12px;content: '';background: url(https://img.haoqiao.com/website/images/message/pending-icon.svg) no-repeat;background-size: contain;vertical-align: middle;margin-right: 3px;margin-top: -2px;}
.msg-center li .msg-book-succ-icon:before{display: inline-block;width: 12px;height: 12px;content: '';background: url(https://img.haoqiao.com/website/images/message/book-succ-icon.svg) no-repeat;background-size: contain;vertical-align: middle;margin-right: 3px;margin-top: -2px;}
.msg-center li .msg-book-fail-icon:before{display: inline-block;width: 12px;height: 12px;content: '';background: url(https://img.haoqiao.com/website/images/message/book-fail-icon.svg) no-repeat;background-size: contain;vertical-align: middle;margin-right: 3px;margin-top: -2px;}
.msg-center li .msg-body:hover .msg-con,.msg-center li .msg-con:hover{color: #49f;text-decoration: underline;cursor: pointer;}

/* 右侧悬浮窗消息中心图标 */
.icon-side-msg{background: url(https://img.haoqiao.com/website/images/message/msg-center-icon.svg) no-repeat;background-size: inherit;background-position: center;}
.msg-side{min-width: 10px;background-color: #ff5256;padding: 2px 5px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;right: 0;z-index: 99;top: 4px;white-space: nowrap;}


/* 地图页header搜索 */
.hq_header_search,
.hq_header_search .hotel-detail-search-inne,
.hq_header_search .d-room-sea-form-new-box{width: auto;height: auto;background: none;margin: 0;border: none;}
.hq_header_search .hq_header_search_box{height: 30px;background:none;padding: 5px 0;border:none;margin-left: 10px;z-index: 0;}
.hq_header_search .d-room-s-sel-wrap:not(:last-child){margin-right: 6px;}
.hotel-maps .hq_header_search .d-room-s-sel-wrap > .d-room-s-sel {height: 30px;line-height: 18px;padding:6px 10px;margin:0;border: none;overflow: hidden;font-size: 12px;color: #333;}
.hq_header_search .d-room-s-sel.d-room-s-sel-city {width: 208px;}
.hq_header_search .d-room-s-sel.d-room-s-sel-city input {width: 100%;line-height: 1;}
.hq_header_search .d-room-s-sel.search-calendar {width: 202px;}
.hq_header_search .d-room-s-sel.d-room-s-sel-room {width: 110px;}
.hq_header_search .search_new_box, .hq_header_search .d-room-s-nationality-txt {height:18px;line-height: 18px;}
.hq_header_search .search_new_box .date-ipt {width: 70px;}
.hq_header_search .search_new_box input{font-size: 12px;color: #333;}
.hotel-maps .hq_header_search.top-room-sea-new .d-mod-room-win{top: 30px;}
.hq_header_search.top-room-sea-new .d-mod-room-win.search-adult-children-ul {width: 100%;}
.hq_header_search.top-room-sea-new .d-mod-room-win li a {display: block;width: auto;height: 36px;line-height: 36px;background: none;padding: 0 4px 0 10px;border-bottom: solid 1px #ececec;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;color: #666;font-size: 14px;text-align: left;}
.hq_header_search.top-room-sea-new .d-mod-room-win li a:hover {background: #eef6ff;}
.hq_header_search .d-room-s-btn {min-width: 70px;height: 30px;line-height: 30px;background: #f90;padding: 0;margin: 0;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;font-size: 12px;color: #fff;}
.hq_header_search .d-room-s-btn:hover{background: #ffaf28;}

/* mini_header */
.header-wrap{height:60px;-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);}
.logo-href{height: 46px;}
.header-logo-spe{width:0;height:46px;border-right:1px #ececec solid;margin: 0 15px;}

/* mini_header end */
.hq_header_bottom .nav-link.head_login{ background-color: #ff9900; color: #ffffff;}
.hq_header_bottom .nav-link.head_login:hover{ background-color: #ffaf28; color: #ffffff;}

/*----------- footer -----------*/
/*--------- 公共 --------*/
.pl80{padding-left:80px;}
.bg-fa9478 {background-color: #fa9478;}
.bg-f64700-hover:hover{background-color: #f64700;}
.bg-d6 {background-color: #d6d6d6;}
.bg-bbb-hover:hover {background-color: #bbb;}
/*--- icon ---*/
/* 售后弹框 */
.icon_popup_after_sale {width:70px;height:70px;background-image: url(https://img.haoqiao.com/website/images/about_phone.gif);}
/* 侧边栏 */
[class*=icon_side_] {width: 55px;background-position: center 6px;}
[class*=icon_side_]:not(.icon_side_top) {height: 43px;}
.icon_side_top{height:55px;background-image: url("https://img.haoqiao.com/website/images/kefu/side_rtop_icon.svg");}
.side-right .icon-top-arrow-l {line-height: 55px;}
/*--------- footer --------*/
.footer{height:220px;background:url(https://img.haoqiao.com/website/images/footer.png) repeat;padding:30px 0 25px;}
.footer_wrap {height: 216px;padding-top: 4px;}
.footer_top {padding-bottom:10px;border-bottom:1px solid #666;}
.footer-top-list{width:150px;line-height:20px;}
.footer-email, .footer-tel{width:325px;}
.footer-app {width: 90px;}
.footer-top-title{margin-bottom: 8px;}
.footer-top-title:before{width: 3px;height: 16px;background: #49f; position: absolute; left: 0;top: 0;}
.footer_top p{margin-left:10px;}
.footer_qr_code{margin-top:5px;}
.footer_qr_code img{width: 80px;}
.footer_bottom .footer-reserved{padding-left: 15px;}
/*------------ 售后浮层 ------------*/
.footer_popup_after_sale.popup_after_sale .index-popup-sale-cont {padding: 30px 0 20px 0;}
.footer_popup_after_sale .index-popup-sale-box > div > p {line-height: 1.2}
/*------- 返回顶部、反馈建议 ---------*/
.side-right{bottom:90px; z-index: 130}
.side-right a{width:55px;}
.side-right a:not(:last-child){margin-bottom: 8px;}
.side-right a:not(.return-top){line-height:12px;}
.side-right a.return-top{height:55px;}

/*----------- 售后浮层 -----------*/
.index-popup{z-index:205;width: 600px;}
.index-popup.login-popup {width: 400px;z-index: 9999;}
.index-popup.index-popup-change {width: 830px;}
.index-popup .index-popup-title{width:auto;height:50px;line-height:50px;background:#4f5f6f;padding:0 15px;position: relative; font-size: 16px;color: #fff;}
.index-popup-title .index-popup-close,
.index-popup-title .icon_popup_close{width:16px;height:16px;background-image:url(https://img.haoqiao.com/website/images/index_close.gif);margin-top:-8px;position: absolute;right:15px;top:50%;}
.index-popup .index-popup-cont {background: #fff;}
.index-popup-btn-center .index-popup-btn {width:146px;height:40px;line-height:40px;padding:0 5px;font-size: 16px;text-align: center;cursor: pointer;}
.index-popup-btn-center .index-popup-btn:first-child{background: #49f;color: #fff;margin-right: 15px;}
.index-popup-btn-center .index-popup-btn:first-child:hover{background: #5da7ff;}
.index-popup-btn-center .index-popup-btn:only-child{width: 234px;margin: 0;}
.index-popup-btn-center .index-popup-btn:last-child:not(:only-child){height: 38px;line-height: 38px;background:#fff;border:1px solid #49f; color: #49f;}
.index-popup-btn-center .index-popup-btn:last-child:not(:only-child):hover{background: #49f;color: #fff;}
.popup_after_sale .index-popup-sale-cont{max-width:522px;padding:20px 0 30px 0;margin: 0 auto;}
.popup_after_sale .index-popup-sale-box{min-height:70px;}
.popup_after_sale .order-del-pop-btn {padding: 10px 0;border-top: 1px solid #ececec;}

/*----- 登陆浮层 -----*/
.index-popup .index-popup-cont .nav-menu-pop{position: static;}
.index-popup .index-popup-cont .nav-menu-pop-login{display:block;}
.index-popup .index-popup-cont .nav-menu-pop-login, .index-popup-cont .nav-menu-pop-login .account-main{width:390px;}
.index-popup .index-popup-cont .nav-menu-pop-login .account-title{height:56px;border-bottom: none;}
.index-popup .index-popup-cont .nav-menu-pop-login .account-tab{width:330px;}
.index-popup .index-popup-cont .account-tab li{width:165px;height:55px;line-height:55px;}
.index-popup .index-popup-cont .icon_close{top:50%;margin-top: -8px;}
.index-popup .index-popup-cont .nav-menu-pop-login .account-form-l{margin:0 30px 10px 30px;}
.index-popup .index-popup-cont .nav-menu-pop-login .account-form-l-t {margin: 0 30px;}
.index-popup .index-popup-cont .nav-menu-pop-login .account-form-l:nth-of-type(3) {margin-bottom: 0;}
.index-popup .index-popup-cont .nav-menu-pop-login .account-form-l.mb6 {margin-bottom: 6px;}
.index-popup .index-popup-cont .nav-menu-pop-login .account-error-msg {padding: 0 30px; width: 330px; height: 24px;line-height: 24px;}
.index-popup .index-popup-cont .nav-menu-pop-login .account-f-l-txt{width:280px;padding: 10px 8px 10px 40px;}
.index-popup .index-popup-cont .nav-menu-pop-login .account-f-l-t-s{width:120px;}
.index-popup .index-popup-cont .nav-menu-pop-login .account-f-vcode,
.index-popup .index-popup-cont .nav-menu-pop-login .account-f-getcode{width: 160px;height: 40px;line-height: 40px;}
.index-popup .index-popup-cont .nav-menu-pop-login .account-btn{height:42px;line-height:42px;}
